<div><div id="performance-analytics">
</div>

<div id="calendar-container">
  <div id="tooltip-help-calendar">
    <div id="calendar"><div class="panel">
  <div class="section-onetime-dates row-space-top-2"><div class="js-saving-progress saving-progress" style="display:none;">
  <h5>Сохраняю...</h5>
</div>
</div>
  <div id="wizard-container"><div class="wizard-pane row row-table text-center">
  <div class="col-10 col-middle">
    <h2 class="row-space-5">Когда ваше жилье будет свободно?</h2>

    <ul class="list-unstyled row">
    
      <li class="availability-option col-4">
        <div class="calendar-image available-always " data-slug="always"></div>
        <div class="h3">Всегда</div>
        <p class="choice-description">Отметить все даты как свободные</p>
      </li>
    
      <li class="availability-option col-4">
        <div class="calendar-image available-sometimes " data-slug="sometimes"></div>
        <div class="h3">Иногда</div>
        <p class="choice-description">Отметьте некоторые даты как свободные</p>
      </li>
    
      <li class="availability-option col-4">
        <div class="calendar-image available-onetime " data-slug="onetime"></div>
        <div class="h3">Один раз</div>
        <p class="choice-description">Отметьте только один свободный период</p>
      </li>
    
    </ul>
  </div>
</div>
</div>
</div>
</div>
  </div>
  <p class="text-center text-muted row-space-top-2">
    В последний раз календарь обновлялся <span class="text-highlight">сегодня</span>
    <span class="icon icon-question" data-behavior="tooltip" aria-label="При посещении этой страницы ваш календарь автоматически получает статус обновленного."></span>
  </p>

  <div class="post-listed">
    <div id="calendar-rules"></div>
    <hr class="section-divider">
    <p class="text-center">
      Хотите экспортировать календарь вашего объявления? <a href="#" class="js-calendar-sync">Посмотрите инструкцию по синхронизации календаря.</a>
    </p>
  </div>

</div>

<div class="tooltip help-tooltip" data-trigger="#tooltip-help-calendar" data-event="none" style="display: block; top: 47px; left: 734px; opacity: 1;">
  <div class="media">
    <i class="pull-left icon icon-light-bulb icon-blue icon-beach icon-size-2"></i>
    <div class="media-body text-lead text-muted help-tooltip-body">
      
  <strong>Используйте календарь, чтобы:</strong>
  <ul>
    <li>Установить специальные цены на определенные даты</li>
    <li>Помечать дни как занятые</li>
    <li>Просматривать предстоящие бронирования</li>
  </ul>

    </div>
  </div>
</div>


<div class="tooltip help-tooltip" data-trigger="#wizard-container" data-event="none" style="display: none; top: 60.5px; left: 734px; opacity: 1;">
  <div class="media">
    <i class="pull-left icon icon-light-bulb icon-blue icon-beach icon-size-2"></i>
    <div class="media-body text-lead text-muted help-tooltip-body">
      
  <p>Выберите вариант, который лучше всего отражает доступность вашего жилья. Не волнуйтесь, внести коррективы можно в любой момент.</p>

    </div>
  </div>
</div>

</div>